<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <meta charset="utf-8" />
        <title>DILO - Sistema de Diseño</title>

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
              <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->
    </h:head>
    <h:body>
        <h:form id="frmPrincipal">
            <p:growl id="grow"  showDetail="true"/>
            <h:panelGrid columns="2">
              <h:outputText value="NOMBRES CLIENTE: "/>
              <p:inputText value="#{managedBeanCliente.objetoCrear.nombres}"/>
               <h:outputText value="APELLIDOS CLIENTE: "/>
               <p:inputText value="#{managedBeanCliente.objetoCrear.apellidos}"/>
               
               
               <h:outputText value="TIPO DOCUMENTO: "/>
               <p:selectOneMenu  id="tipoDocumento" value="#{managedBeanCliente.objetoCrear.tipodocumento}" converter="tipoDocumentoConverter"  
                                  panelStyle="width:300px"      style="width:300px"  filter="true" filterMatchMode="contains"  required="true" >  

                    <f:selectItems value="#{managedBeanTipoDocumento.listaItems}" />

                </p:selectOneMenu>
               
               <h:outputText value="DOCUMENTO CLIENTE: "/>
               <p:inputText value="#{managedBeanCliente.objetoCrear.documento}"/>

               <p:commandButton value="CREAR" update=":frmPrincipal" action="#{managedBeanCliente.crear()}"/>
            </h:panelGrid>
            <p:separator />
            <p:dataTable id="Tabla" value="#{managedBeanCliente.lista}" var="item" >
            
                <p:column filterBy="#{item.id}" filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="ID"/>
                            </f:facet>
                <h:outputText value="#{item.id}"/>
                        </p:column>
                
                <p:column filterBy="#{item.nombres}" filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="NOMBRES"/>
                            </f:facet>
                    <h:outputText value="#{item.nombres}"/>
                        </p:column>
                
                <p:column filterBy="#{item.apellidos}" filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="APELLIDOS"/>
                            </f:facet>
                    <h:outputText value="#{item.apellidos}"/>
                        </p:column>
                
                
                <p:column filterBy="#{item.tipodocumento.descripcion}" filterMatchMode="contains">
                            <f:facet name="header">
                                <h:outputText value="TIPO DOCUMENTO"/>
                            </f:facet>
                    <h:outputText value="#{item.tipodocumento.descripcion}"/>
                        </p:column>
                
                
            </p:dataTable> 

            

        </h:form> 
    </h:body>
</html>

